<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>一根草旅游指南</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <link rel="stylesheet" href="vendor/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="vendor/owl.carousel2/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="vendor/owl.carousel2/assets/owl.theme.default.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:300,400&amp;display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abril+Fatface&amp;display=swap">
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
    <link rel="stylesheet" href="css/custom.css">
    <link rel="shortcut icon" href="img/favicon.png">
  </head>
  <body>
    <header class="header">
      <div class="py-2 bg-dark text-white">
        <div class="container py-1">
          <div class="row align-items-center">
            <div class="col-lg-4">
              <ul class="list-inline mb-0 text-sm">
                <li class="list-inline-item"><a class="reset-anchor" href="login.html">登录</a></li>
                <li class="list-inline-item">|</li>
                <li class="list-inline-item"><a class="reset-anchor" href="#!">站点地图</a></li>
              </ul>
            </div>
            <div class="col-lg-4 d-none d-lg-block text-center">
              <ul class="list-inline mb-0 small">
                <li class="list-inline-item"><a class="reset-anchor" href="#!"><i class="fab fa-facebook-f"></i></a></li>
                <li class="list-inline-item"><a class="reset-anchor" href="#!"><i class="fab fa-twitter"></i></a></li>
                <li class="list-inline-item"><a class="reset-anchor" href="#!"><i class="fab fa-instagram"></i></a></li>
                <li class="list-inline-item"><a class="reset-anchor" href="#!"><i class="fab fa-youtube"></i></a></li>
                <li class="list-inline-item"><a class="reset-anchor" href="#!"><i class="fab fa-vimeo-v"></i></a></li>
              </ul>
            </div>
            <div class="col-lg-4 d-none d-lg-block text-end">
              <div class="dropdown text-sm"><a class="reset-anchor dropdown-toggle" id="destinations" href="#" data-bs-toggle="dropdown" data-bs-display="static" aria-haspopup="true" aria-expanded="false"><i class="fas fa-globe-americas me-2"></i>目的地</a>
                <div class="dropdown-menu dropdown-menu-end mt-3" aria-labelledby="destinations"><a class="dropdown-item text-sm" href="#!">法国</a><a class="dropdown-item text-sm" href="#!">德国</a><a class="dropdown-item text-sm" href="#!">西班牙</a><a class="dropdown-item text-sm" href="#!">埃及</a><a class="dropdown-item text-sm" href="#!">泰国</a><a class="dropdown-item text-sm" href="#!">印度尼西亚</a><a class="dropdown-item text-sm" href="#!">马尔代夫</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <nav class="navbar navbar-expand-lg navbar-light bg-white py-4">
        <div class="container text-center"><a class="navbar-brand mx-auto" href="index.html"><img class="mb-2" src="img/logo.svg" alt="" width="140">
            <p class="text-sm text-uppercase text-gray mb-0">一根草也想去看看</p></a></div>
      </nav>
      <nav class="navbar navbar-expand-lg navbar-light border-gray py-2 bg-light">
        <div class="container">
          <button class="navbar-toggler navbar-toggler-right mx-auto border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
          <div class="collapse navbar-collapse text-center" id="navbarSupportedContent">
            <ul class="navbar-nav mx-auto">
              <li class="nav-item px-1">
                <!-- Link--><a class="nav-link active" href="index.html">主页</a>
              </li>
              <li class="nav-item px-1">
                <!-- Link--><a class="nav-link" href="listing.html">类别</a>
              </li>
              <li class="nav-item px-1">
                <!-- Link--><a class="nav-link" href="post.html">帖子</a>
              </li>
              <li class="nav-item px-1 dropdown"><a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">页面</a>
                <div class="dropdown-menu text-center text-lg-start shadow-sm" aria-labelledby="navbarDropdownMenuLink"><a class="dropdown-item" href="index.html">主页</a><a class="dropdown-item" href="listing.html">类别</a><a class="dropdown-item" href="post.html">帖子</a></div>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <section class="pt-5">
      <div class="container">
        <h1>特色目的地</h1>
        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis aliquid</p>
      </div>
      <div class="swiper destinations-slider swiper-padding">
        <div class="swiper-wrapper">
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-4.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">巴黎</p>
                <h2 class="h3 mb-4">法国</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-2.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">东京</p>
                <h2 class="h3 mb-4">日本</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-3.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">马德里</p>
                <h2 class="h3 mb-4">西班牙</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-1.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">罗马</p>
                <h2 class="h3 mb-4">意大利</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-5.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">雅加达</p>
                <h2 class="h3 mb-4">印度尼西亚</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-6.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">渥太华</p>
                <h2 class="h3 mb-4">加拿大</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-7.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">开罗</p>
                <h2 class="h3 mb-4">埃及</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-4.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">柏林</p>
                <h2 class="h3 mb-4">德国</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-2.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">曼谷</p>
                <h2 class="h3 mb-4">泰国</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-3.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">马累</p>
                <h2 class="h3 mb-4">马尔代夫</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
          <div class="swiper-slide h-auto"><a class="destination d-flex align-items-end bg-center bg-cover" href="post.html" style="background: url(img/travel-home-1.jpg)">
              <div class="destination-inner w-100 text-center text-white index-forward has-transition">
                <p class="small text-uppercase mb-0">纽约</p>
                <h2 class="h3 mb-4">美国</h2>
                <div class="btn btn-primary w-100 destination-btn text-white">发现</div>
              </div></a></div>
        </div>
        <div class="swiper-button-prev swiper-custom-nav text-uppercase letter-spacing-0">
          <svg class="svg-icon svg-icon me-1">
            <use xlink:href="#arrow-left-1"> </use>
          </svg><span class="text-sm">上一个</span>
        </div>
        <div class="swiper-button-next swiper-custom-nav text-uppercase letter-spacing-0"><span class="text-sm">下一个</span>
          <svg class="svg-icon svg-icon ms-1">
            <use xlink:href="#arrow-right-1"> </use>
          </svg>
        </div>
      </div>
    </section>
    <section class="py-5">
      <div class="container py-4">
        <div class="row align-items-stretch gx-lg-0">
          <div class="col-lg-6 order-2 order-lg-1 bg-full-left">
            <div class="h-100 bg-light d-flex align-items-center">
              <div class="py-5 px-4">
                <p class="text-primary font-weight-bold small text-uppercase mb-2">旅行指南</p>
                <h3 class="h4"> <a class="text-reset" href="post.html">预订激发您的旅行灵感                </a></h3>
                <div class="text-muted">
                  <p>如果他很痛苦，他会被认为是无助的。除了我们这些希望他快乐并接受他的人，他心情很好，让他追随那些赞美他、忍受他的人中最好的人。他似乎被取消了。


                  </p>
                  如果他很痛苦，他会被认为是无助的。除了我们这些希望他快乐并接受他的人，他心情很好，让他追随那些赞美他、忍受他的人中最好的人。他似乎被取消了。
                </div>
                <ul class="list-inline small text-uppercase mb-0">
                  <li class="list-inline-item align-middle"><img class="rounded-circle shadow-sm" src="img/person-1.jpg" alt="" width="30"/></li>
                  <li class="list-inline-item me-0 text-gray align-middle">By </li>
                  <li class="list-inline-item align-middle me-0"><a class="fw-bold reset-anchor" href="#!">Jason Doe</a></li>
                  <li class="list-inline-item text-gray align-middle me-0">|</li>
                  <li class="list-inline-item text-gray align-middle">2019年1月

                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-lg-6 order-1 order-lg-2"><a class="d-block h-100 bg-center bg-cover" href="post.html" style="background: url(img/travel-home-divider.jpg)"></a></div>
        </div>
      </div>
    </section>
    <section class="pb-5">
      <div class="container pb-4">
        <header class="text-center mb-5">
          <h2>背包旅行者

          </h2>
          <p>一个存放你的Instagram照片或图库的地方。          </p>
        </header>
        <div class="row">
          <div class="col-lg-3 col-md-6 px-md-1 py-1"><a class="instagram-item d-block w-100 reset-anchor text-white" href="#!"><img class="img-fluid" src="img/listing-tnumbnail-1.jpg" alt="">
              <div class="instagram-item-overlay p-5">
                <h6>我们旅行不是为了逃避生活，而是为了生活不是为了逃避我们。                </h6>
              </div></a></div>
          <div class="col-lg-3 col-md-6 px-md-1 py-1"><a class="instagram-item d-block w-100 reset-anchor text-white" href="#!"><img class="img-fluid" src="img/listing-tnumbnail-2.jpg" alt="">
              <div class="instagram-item-overlay p-5">
                <h6>我们旅行不是为了逃避生活，而是为了生活不是为了逃避我们。
</h6>
              </div></a></div>
          <div class="col-lg-3 col-md-6 px-md-1 py-1"><a class="instagram-item d-block w-100 reset-anchor text-white" href="#!"><img class="img-fluid" src="img/listing-tnumbnail-3.jpg" alt="">
              <div class="instagram-item-overlay p-5">
                <h6>我们旅行不是为了逃避生活，而是为了生活不是为了逃避我们。
</h6>
              </div></a></div>
          <div class="col-lg-3 col-md-6 px-md-1 py-1"><a class="instagram-item d-block w-100 reset-anchor text-white" href="#!"><img class="img-fluid" src="img/listing-tnumbnail-4.jpg" alt="">
              <div class="instagram-item-overlay p-5">
                <h6>我们旅行不是为了逃避生活，而是为了生活不是为了逃避我们。
 </h6>
              </div></a></div>
          <div class="col-lg-3 col-md-6 px-md-1 py-1"><a class="instagram-item d-block w-100 reset-anchor text-white" href="#!"><img class="img-fluid" src="img/listing-tnumbnail-5.jpg" alt="">
              <div class="instagram-item-overlay p-5">
                <h6>我们旅行不是为了逃避生活，而是为了生活不是为了逃避我们。</h6>
              </div></a></div>
          <div class="col-lg-3 col-md-6 px-md-1 py-1"><a class="instagram-item d-block w-100 reset-anchor text-white" href="#!"><img class="img-fluid" src="img/listing-tnumbnail-6.jpg" alt="">
              <div class="instagram-item-overlay p-5">
                <h6>我们旅行不是为了逃避生活，而是为了生活不是为了逃避我们。 </h6>
              </div></a></div>
          <div class="col-lg-3 col-md-6 px-md-1 py-1"><a class="instagram-item d-block w-100 reset-anchor text-white" href="#!"><img class="img-fluid" src="img/listing-tnumbnail-1.jpg" alt="">
              <div class="instagram-item-overlay p-5">
                <h6>我们旅行不是为了逃避生活，而是为了生活不是为了逃避我们。
 </h6>
              </div></a></div>
          <div class="col-lg-3 col-md-6 px-md-1 py-1"><a class="instagram-item d-block w-100 reset-anchor text-white" href="#!"><img class="img-fluid" src="img/listing-tnumbnail-2.jpg" alt="">
              <div class="instagram-item-overlay p-5">
                <h6>我们旅行不是为了逃避生活，而是为了生活不是为了逃避我们。</h6>
              </div></a></div>
        </div>
      </div>
    </section>
    <section class="py-5 bg-light">
      <div class="container py-4">
        <header class="text-center mb-5">
          <h2>我的旅行必需品。</h2>
          <p>如果他很痛苦，他会被认为是有帮助的。</p>
        </header>
        <div class="row text-center">
          <div class="col-lg-3 col-md-6"><a class="text-reset" href="post.html"><img class="mb-4" src="img/bag.png" alt="" height="150">
              <h3 class="h5">背包</h3>
              <p class="text-sm text-muted">Deserunt et ad culpa culpa dolore.</p></a></div>
          <div class="col-lg-3 col-md-6"><a class="text-reset" href="post.html"><img class="mb-4" src="img/camera.png" alt="" height="150">
              <h3 class="h5">摄像头</h3>
              <p class="text-sm text-muted">Consectetur ex sunt duis minim quis dolor.</p></a></div>
          <div class="col-lg-3 col-md-6"><a class="text-reset" href="post.html"><img class="mb-4" src="img/glasses.png" alt="" height="150">
              <h3 class="h5">太阳镜</h3>
              <p class="text-sm text-muted">Deserunt et ad culpa culpa dolore.</p></a></div>
          <div class="col-lg-3 col-md-6"><a class="text-reset" href="post.html"><img class="mb-4" src="img/headphone.png" alt="" height="150">
              <h3 class="h5">耳机</h3>
              <p class="text-sm text-muted">Elit ad est labore irure qui.</p></a></div>
        </div>
      </div>
    </section>
    <section class="py-5">
      <div class="container py-4">
        <div class="row align-items-center">
          <div class="col-lg-6 position-relative py-4"><img class="subscribe-img" src="img/subscribe-img-1.jpg" alt=""><img class="subscribe-img" src="img/subscribe-img-2.jpg" alt=""></div>
          <div class="col-lg-6">
            <h2>最佳省钱方式-旅行小贴士</h2>
            <p class="text-muted mb-5">如果他很痛苦，他会被认为是无助的。当他们被摧毁时，他们开始逃跑，留下了一些从未受过痛苦生活的人。快乐是志愿者的发明者。            </p>
            <form action="#">
              <div class="row gy-3 gy-lg-0">
                <div class="col-lg-8">
                  <input class="form-control" type="email" name="email" placeholder="输入您的电子邮件地址">
                </div>
                <div class="col-lg-4">
                  <button class="btn btn-dark btn-block" type="submit">订阅</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </section>
    <section class="py-5 bg-light">
      <div class="container py-4">
        <header class="mb-5 text-center">
          <h2>热门类别</h2>
          <p>他会受苦，会被认为是无助的</p>
        </header>
        <div class="row text-center gy-4">
          <div class="col-lg-2 col-md-4 col-sm-6"><a class="reset-anchor d-block" href="listing.html">
              <svg class="svg-icon mb-3 svg-icon-big svg-icon-light text-primary">
                <use xlink:href="#food-1"> </use>
              </svg>
              <h3 class="h5">餐厅</h3>
              <p class="text-muted text-sm">餐厅目的地</p></a></div>
          <div class="col-lg-2 col-md-4 col-sm-6"><a class="reset-anchor d-block" href="listing.html">
              <svg class="svg-icon mb-3 svg-icon-big svg-icon-light text-primary">
                <use xlink:href="#paper-bag-1"> </use>
              </svg>
              <h3 class="h5">市场</h3>
              <p class="text-muted text-sm">市场目的地</p></a></div>
          <div class="col-lg-2 col-md-4 col-sm-6"><a class="reset-anchor d-block" href="listing.html">
              <svg class="svg-icon mb-3 svg-icon-big svg-icon-light text-primary">
                <use xlink:href="#special-price-1"> </use>
              </svg>
              <h3 class="h5">低预算</h3>
              <p class="text-muted text-sm">低预算目的地</p></a></div>
          <div class="col-lg-2 col-md-4 col-sm-6"><a class="reset-anchor d-block" href="listing.html">
              <svg class="svg-icon mb-3 svg-icon-big svg-icon-light text-primary">
                <use xlink:href="#movie-camera-1"> </use>
              </svg>
              <h3 class="h5">电影院</h3>
              <p class="text-muted text-sm">电影院目的地</p></a></div>
          <div class="col-lg-2 col-md-4 col-sm-6"><a class="reset-anchor d-block" href="listing.html">
              <svg class="svg-icon mb-3 svg-icon-big svg-icon-light text-primary">
                <use xlink:href="#beach-1"> </use>
              </svg>
              <h3 class="h5">海滩</h3>
              <p class="text-muted text-sm">海滩目的地</p></a></div>
          <div class="col-lg-2 col-md-4 col-sm-6"><a class="reset-anchor d-block" href="listing.html">
              <svg class="svg-icon mb-3 svg-icon-big svg-icon-light text-primary">
                <use xlink:href="#camping-1"> </use>
              </svg>
              <h3 class="h5">露营</h3>
              <p class="text-muted text-sm">露营目的地</p></a></div>
        </div>
      </div>
    </section>
    <section class="py-5">
      <div class="container py-4">
        <header class="text-center mb-4">
          <h2>我们的赞助商</h2>
        </header>
        <div class="swiper sponsors-slider">
          <div class="swiper-wrapper">
            <div class="swiper-slide h-auto"><a href="#!"><img class="d-block mx-auto my-3 sponsor" src="img/brand-1.svg" alt=""></a></div>
            <div class="swiper-slide h-auto"><a href="#!"><img class="d-block mx-auto my-3 sponsor" src="img/brand-2.svg" alt=""></a></div>
            <div class="swiper-slide h-auto"><a href="#!"><img class="d-block mx-auto my-3 sponsor" src="img/brand-3.svg" alt=""></a></div>
            <div class="swiper-slide h-auto"><a href="#!"><img class="d-block mx-auto my-3 sponsor" src="img/brand-4.svg" alt=""></a></div>
            <div class="swiper-slide h-auto"><a href="#!"><img class="d-block mx-auto my-3 sponsor" src="img/brand-5.svg" alt=""></a></div>
            <div class="swiper-slide h-auto"><a href="#!"><img class="d-block mx-auto my-3 sponsor" src="img/brand-6.svg" alt=""></a></div>
          </div>
        </div>
      </div>
    </section>
    <footer class="bg-dark py-4">
      <div class="container">
        <div class="row py-2 gy-2">
          <div class="col-lg-4 text-center text-lg-start">
            <p class="small text-muted text-uppercase mb-0">&copy; copyright - all rights reserved</p>
          </div>
          <div class="col-lg-4 text-center">
            <ul class="list-inline text-white small mb-0">
              <li class="list-inline-item"><a class="reset-anchor" href="#!"><i class="fab fa-facebook-f"></i></a></li>
              <li class="list-inline-item"><a class="reset-anchor" href="#!"><i class="fab fa-twitter"></i></a></li>
              <li class="list-inline-item"><a class="reset-anchor" href="#!"><i class="fab fa-instagram"></i></a></li>
              <li class="list-inline-item"><a class="reset-anchor" href="#!"><i class="fab fa-youtube"></i></a></li>
              <li class="list-inline-item"><a class="reset-anchor" href="#!"><i class="fab fa-vimeo-v"></i></a></li>
            </ul>
          </div>
        </div>
      </div>
    </footer>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="vendor/swiper/swiper-bundle.min.js"></script>
    <script src="js/front.js"></script>
    <script>
      function injectSvgSprite(path) {
      
          var ajax = new XMLHttpRequest();
          ajax.open("GET", path, true);
          ajax.send();
          ajax.onload = function(e) {
          var div = document.createElement("div");
          div.className = 'd-none';
          div.innerHTML = ajax.responseText;
          document.body.insertBefore(div, document.body.childNodes[0]);
          }
      }
      injectSvgSprite('icons/orion-svg-sprite.svg'); 
      
    </script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  </body>
</html>